﻿@ModelType SistemaINCA.GET_INFO_ALUMNO_LAST_GRADO_DATATYPE

@Code
    ViewBag.Title = "SchoolClick® System - Inicio"
End Code

<script type="text/javascript">
    $(document).ready(function () {
            $('#notas-uperiodo').hide();
            $('#perfil-alumno').hide();
            $('#loading-panel-1').show();
            $('#loading-panel-2').show();
            LoadDataAlumno();
            LoadData_Notas_UPeriodo()
        }
     );

     function LoadData_Notas_UPeriodo() {
	    $('#notas-uperiodo').load("@Url.Action("View_NotasLast_Periodo", "Alumnos")",function(datos, status, xhr) {
            $('#loading-panel-2').hide();
            if (status=="error") {
                $('#error-2').show();
                var msg = "Ocurrio un error al intentar recuperar los datos. ";
                $('#error-2').html(msg + xhr.status + " " + xhr.statusText);
            }else {
                $('#notas-uperiodo').fadeIn(300);
                $('#notas-uperiodo').html(datos);    
            }
        });   
    };

    function LoadDataAlumno() {
	    $('#perfil-alumno').load("@Url.Action("View_DatosPersonales","Alumnos")",function(datos, status, xhr) {
            $('#loading-panel-1').hide();
            if (status=="error") {
                $('#error-1').show();
                var msg = "Ocurrio un error al intentar recuperar los datos. ";
                $('#error-1').html(msg + xhr.status + " " + xhr.statusText);
            }else {
                $('#perfil-alumno').fadeIn(300);
                $('#perfil-alumno').html(datos);    
            }
        });   
    };
</script>

<div class="titulo">
    <img id="logo" alt="Logo SchoolClick® System" src=@Url.Content("~/Content/SchoolClickLogo.png") />
    <h1>Bienvenido</h1>
    <h6>@Model.ESTUDIANTE</h6>
    <h6>@Model.GRADO - Año: @Model.ANO_LECTIVO</h6>
</div>


<div id="contenido">
    <ul>
        <li style="width: 380px;">
            <h2>Datos Personales</h2>
            <div class="line-titulo"></div>
            <div id="loading-panel-1">
                <img src="@Url.Content("~/Content/loading.gif")" alt="Por favor espere..."/>
                <p>Por favor espere un momento...</p>
            </div>
            <div id="error-1"></div>
            <div id="perfil-alumno">
            </div>
        </li>
        <li style="width: 560px;">
            <h2>Resumen Notas</h2>
            <div class="line-titulo"></div>
            <div id="loading-panel-2">
                <img src="@Url.Content("~/Content/loading.gif")" alt="Por favor espere..."/>
                <p>Por favor espere un momento...</p>
            </div>
            <div id="error-2"></div>
            <div id="notas-uperiodo" style="text-align:center;">
            </div>
        </li>
    </ul>
</div>

